<template>
<div>
  <div>
    <el-form>
      <component
        :is="activeElement.elName+'-data'"
      />
    </el-form>
  </div>
  </div>
</template>

<script>
import chartsDataComponents from "./index";
import { mapState, mapGetters } from "vuex";

export default {
  components: {
    ...chartsDataComponents
  },
  computed: {
    ...mapState({
      projectData: state => state.editor.projectData,
      activePageUUID: state => state.editor.activePageUUID,
      activeElementUUID: state => state.editor.activeElementUUID
    }),
    ...mapGetters([
      "currentPageIndex",
      "activeElementIndex",
      "activeElement",
      "activePage"
    ]),
  }
};
</script>

<style scoped>
</style>
